<template>
    <view class="n-component-nMenuItemTopBottom cu-item" @tap="_tap" :class="class_item">
        <view class="content padding-tb-26 bg-white" :class="class_content">
            <view class="flex justify-between" :class="class_top">
                <slot name="top"></slot>
            </view>
            <view class="flex justify-between text-gray text-sm" :class="class_bottom">
                <slot name="bottom"></slot>
            </view>
        </view>
    </view>
</template>

<script>
    export default {
        props: [
            'uri', 'tap', 'class_top', 'class_bottom', 'class_item', 'class_content'
        ],
        data() {
            return {}
        },
        methods: {
            _tap() {
                if (this.tap) {
                    this.tap();
                }
                if (this.uri) {
                    this.$store.commit('userNavTo', this.uri);
                }
            }
        }
    }
</script>
